html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main
{
    display: block;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
    content: '';
    content: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

a
{
    text-decoration: none;
    color: inherit;
}

/* --------------------- Begin of styling --------------------- */
/* ---------------------------- <3 ---------------------------- */

html, body
{
	font-family: Tahoma, sans-serif;
}

#wrapper
{
    width: 960px;
    font-size: 14px;
    position: relative;
    padding: 4px;
}

#archive // years
{
    margin-bottom: 3px;
    
    li
    {
        font-size: 10px;
        float: left;
        position: relative;
        margin-left: 12px;
        
        &:nth-child(1)
        {
            left: 745px;
            top: -2px;
        }
        
        &:nth-child(2)
        {
            left: 749px;
            top: -2px;
        }
        
        &:nth-child(3)
        {
            left: 751px;
            top: -2px;
        }
        
        &:nth-child(4)
        {
            left: 755px;
            top: -2px;
        }
        
        &:nth-child(5)
        {
            left: 759px;
            top: -2px;
        }
        
        &:nth-child(6)
        {
            left: 763px;
            top: -2px;
        }
    }
}

#header
{
    h1
    {
        font-size: 28px;
        font-weight: bold;
        position: absolute;
        top: 35px;
        right: 19px;
        color: white;
    }
    
    li
    {
        font-size: 18px;
    }
}

#content
{
    h1 // GOOD LUCK
    {
        font-size: 24px;
        font-weight: bold;
        position: relative;
        top: 19px;
    }
}

#nav // orange menu
{
    clear: both;
    background-image: url(images/topnav_divider.png);
    height: 64px;

    li
    {
        color: white;
        text-transform: capitalize;
        position: absolute;
        
        &:nth-child(1)
        {
            top: 39px;
            left: 54px;
        }
        &:nth-child(2)
        {
            top: 39px;
            left: 125px;
        }
        &:nth-child(3)
        {
            top: 39px;
            left: 184px;
        }
        &:nth-child(4)
        {
            top: 39px;
            left: 279px;
        }
    }
}

article
{
    padding-top: 20px;
    
    p
    {
        text-align: justify;
        margin-top: 19px;
        line-height: 1.3em;
    }
    
    
    
}